<html>
<head>
<title>tab</title>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/frames.css">
<link rel="stylesheet" type="text/css" href="css/jquery.tabpanel.css"/>
<script type="text/javascript" src="javascript/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="javascript/jquery.ui.all.js"></script>
<script type="text/javascript" src="javascript/jquery.tabpanel.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$tabs=$("#tabs-panel").TabPanel({
		items:[
	        {title:'tab 1',closed:true,icon:'',html:'<a href="javascript:$tabs.addTab({title:\'tab 3\',closed:true,icon:\'\',html:\'\',load:\'tree.html\',callback:function(){}});">open new tab</a>',load:'',callback:function(){}},
	        {title:'tab 2',closed:true,load:'index.html',callback:function(){}}
		],
		tabScroll:false,
		width:$("#tabs-panel").width(),
		height:$("#tabs-panel").height()-10,
		tabcontentWidth:$("#tabs-panel").width(),
		tabWidth:66,
		tabHeight:25
	});
});
</script>
</head>
<body>
<div id="tabs-panel" style="width:90%;height:90%;">
</div>
</body>
</html>